import React, { Component } from 'react';

class Square extends Component {



    render() {
        return (
             <button className="square" onClick={() => this.props.onClick()}>
                 {
                    this.props.value
                 }
             </button>
        );
    }
}

export default Square;

// 等效的函数写法，在不需要保存变量的情况下，可以写成函数组件
// function Square(props) {
//   return (
//     <button className="square" onClick={props.onClick}>
//       {props.value}
//     </button>
//   );
// }